
.cartTable{
    width: 930px;
    margin: 50px auto;
    table{
        width: 930px;
        border-collapse: collapse;
        text-align: center;
        thead tr th{
            height: 30px;
            border:1px solid  #4ddfbf;
            background-color: rgb(212, 239, 226);
        }
        tbody tr td{
            border:1px solid  #50dabc

        }
        td:nth-child(2){
            width: 300px;
            height: 100px;
            img{
                width: 100px;
                height: 80px;
                float: left;
                margin-top: 10px;
                margin-left: 50px;
            }
            span{
                width: 100px;
                float: left;
                margin-top: 20px;
            }
        }
        td:nth-child(3){
            width: 100px;
        }
        td:nth-child(4){
            width: 160px;
            span{
                width: 20px;
                height: 24px;
                background-color: #E5E5E5;
                float: left;
                text-align: center;
                line-height: 20px;
                cursor: pointer;
            }
            span:nth-child(1){
                margin-left: 35px;
            }
            input{
                width: 50px;
                height: 20px;
                float: left;
                text-align: center;
            }
        }
        td:nth-child(5) span{
            color: red;
            font-weight: 900;
        }
        td:nth-child(6) span{
            cursor: pointer;
        }


    }
    .footer{
        width: 100%;
        height: 50px;
        background-color: #e4fef9;
        margin-top: 10px;
        .left{
            width: 200px;
            height: 100%;
            float: left;
            line-height: 50px;
            input{
                margin: 10px 50px;

            }
            span{
                color: red;
                cursor: pointer;
            }

        }
        .rirght{
            width: 400px;
            height: 100%;
            float: right;
            .allNum{
                width: 130px;
                height: 100%;
                float: left;
                line-height: 50px;
                text-align: center;
                b{
                    color: red;
                }

            }
            .allCount{
                width: 133px;
                height: 50px;
                float: left;
                line-height: 50px;
                text-align: center;
                .count b{
                    color: red;
                }

            }
            .calc{
                width: 115px;
                height: 50px;
                background-color: #69f2d4;
                float: right;
                text-align: center;
                line-height: 50px;
                cursor: pointer;
            }

        }
    }

}
.sy {
    height: 50px;
    text-align: center;
    line-height: 50px;
    font-size: 20px;
    font-weight: bold;
  }
.hide{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}